import * as React from "react";

interface KimuLogoProps extends React.SVGProps<SVGSVGElement> {
  color?: string; // CSS color or tailwind class
  opacity?: number;
  animated?: boolean;
}

export const KimuLogo: React.FC<KimuLogoProps> = ({
  color = "currentColor",
  opacity = 1,
  className = "",
  animated = false,
  style,
  ...rest
}) => {
  return (
    <svg
      width="80"
      height="80"
      viewBox="0 0 630 625"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className={
        className +
        (animated
          ? " animate-float-icon transition-all duration-700"
          : "")
      }
      style={{ color, opacity, ...(style as React.CSSProperties) }}
      {...rest}
      aria-label="Kimu Logo"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M279.396 5.1936C214.433 22.5977 158.93 78.5278 150.548 135.039L147.934 152.663L131.558 154.415C55.5273 162.562 0.269333 223.182 0.00250518 298.735C-0.0889079 324.563 2.30266 338.559 10.2605 358.759C16.0912 373.558 32.6123 397.596 45.3237 409.772C53.3384 417.45 53.7337 418.572 51.8486 428.311C48.5108 445.554 49.3681 462.828 54.5687 483.171C61.1134 508.776 69.2368 525.985 84.4929 546.578C130.493 608.656 203.918 635.742 255.925 609.815C261.36 607.106 277.496 593.397 291.783 579.352L317.759 553.816L324.919 567.497C334.965 586.691 349.579 600.743 370.275 611.103C394.42 623.187 410.791 626.198 443.692 624.609C514.443 621.188 577.486 578.346 601.029 517.692C605.533 506.087 606.736 498.207 606.672 480.699C606.595 460.002 605.866 456.816 596.172 434.965C590.442 422.047 585.753 410.539 585.753 409.392C585.753 408.242 590.237 402.206 595.72 395.975C607.949 382.075 621.404 355.088 626.805 333.625C632.465 311.137 630.397 274 622.244 251.758C600.715 193.018 548.489 152.823 488.168 148.569L465.928 147.002L458.466 132.171C454.363 124.014 443.317 100.856 433.918 80.7079C410.183 29.8204 396.706 15.8224 360.617 4.58553C340.247 -1.75718 304.334 -1.48775 279.396 5.1936ZM434.373 245.952C450.667 252.762 460.001 261.922 467.934 278.882C486.424 318.414 471.072 371.461 433.901 396.469C420.928 405.197 417.588 406.277 400.557 407.263C378.917 408.519 368.066 404.49 354.258 390.077C314.236 348.296 338.75 261.747 395.5 244.476C406.035 241.27 424.888 241.987 434.373 245.952ZM280.631 252.992C324.299 276.442 317.784 362.852 270.067 393.129C253.35 403.736 241.313 406.47 226.425 403.044C209.274 399.096 198.614 390.03 190.199 372.235C175.516 341.184 182.639 298.594 207.031 271.58C219.216 258.086 228.898 251.598 242.186 248.018C255.747 244.365 267.366 245.868 280.631 252.992Z"
        fill="currentColor"
      />
    </svg>
  );
};

export default KimuLogo; 